<%@page import="com.gfa4j.resource.ResourceManagerServer"%>
<%@page import="com.wef.common.util.CommonMessageDomain"%>
<%@ include file="/pages/common/taglib.jsp"%>
<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
		<title></title>
		<%@include file="/styles/css_lib.jsp"%>
		<%@include file="/scripts/widgets/jquery-ui/css_lib.jsp"%>
		<link rel="stylesheet" type="text/css" href="${ctx}/pages/demo/demo.css" />
		
		<%@include file="/pages/common/js_global.jsp"%>
		<%@include file="/scripts/sdk/js_lib.jsp"%>
		<%@include file="/scripts/config/js_lib.jsp" %>
		<%@include file="/scripts/utils/js_lib.jsp"%>
		<%@include file="/scripts/i18n/js_lib.jsp"%>
		<%@include file="/scripts/format/js_lib.jsp"%>
		<%@include file="/scripts/validate/js_lib.jsp"%>
		<%@include file="/scripts/widgets/jquery-ui/js_lib.jsp"%>
		<%@include file="/scripts/widgets/datePicker/js_lib.jsp"%>
		<script type="text/javascript" src="${ctx}/pages/demo/demo.js"></script>
		<script type="text/javascript" src="./button.js"></script>
		
	</head>
<body class="body">
	<!--Content-->
	<form action="" id="form1">
		<div id="Content_Show">
			<div>
				<!-- ------------------------------------------------------------------------------------------ -->
				<div class="Desc">
					功能:1.支持原生按钮的所有功能,如下: (<a href="#" id="aDiv1">查看源码</a>)
				</div>
				<div id="div1" style="display: none;">
					<pre>
&lt;k:button styleId="btn1" styleClass="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" text="普通按钮"/&gt;
					</pre>
				</div>
				<div>
					<k:button styleId="btn1" styleClass="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" text="普通按钮"/>
				</div>
				<br />
				<!-- ------------------------------------------------------------------------------------------ -->
				<div class="Desc">
					功能:2.整合gfa4j后台实现功能权限控制，有权限的按钮才显示，没有权限的按钮不显示；</br>
					测试说明：以admin/admin用户登录，将可看到名称为adminBtn有权限的按钮的按钮，以其他用户登录，将看不到任何按钮,如下:(<a href="#" id="aDiv2">查看源码</a>)
				</div>
				<div id="div2" style="display: none;">
					<pre>
&lt;k:button styleId="adminBtn" viewId="button.adminBtn"styleClass="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" text="有权限按钮"/&gt;</br>
&lt;k:button styleId="btn3" viewId="button.btn3"styleClass="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" text="没有权限按钮"/&gt;
					</pre>
				</div>
				<div>
					<k:button styleId="adminBtn" viewId="button.adminBtn"styleClass="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" text="有权限按钮"/>
					<k:button styleId="btn3" viewId="button.btn3"styleClass="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" text="没有权限按钮"/>
				</div>
				<br />
				<!-- ------------------------------------------------------------------------------------------ -->
				<div class="Desc">
					功能:3.带图标按钮.(<a href="#" id="aDiv3">查看源码</a>)
				</div>
				<div id="div3" style="display: none;">
					<pre>
&lt;k:button styleId="searchBtn" styleClass="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" text="<%=CommonMessageDomain.BUTTON_SEARCH%>"/&gt;
	&lt;img alt="连接不到图片是显示的文本" src="${ctx}/images/ctrl/button/search_button.png"/&gt;
&lt;/k:button&gt;
&lt;k:button styleId="resetBtn" styleClass="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" text="<%=CommonMessageDomain.BUTTON_RESET%>"&gt;
	&lt;img alt="连接不到图片是显示的文本" src="${ctx}/images/ctrl/button/refresh_button.png"/&gt;
&lt;/k:button&gt;
&lt;k:button styleId="newBtn" styleClass="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" text="<%=CommonMessageDomain.BUTTON_NEW%>"&gt;
	&lt;img alt="连接不到图片是显示的文本" src="${ctx}/images/ctrl/button/new_button.png"/&gt;
&lt;/k:button&gt;
&lt;k:button styleId="saveBtn" styleClass="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" text="<%=CommonMessageDomain.BUTTON_SAVE%>"&gt;
	&lt;img alt="连接不到图片是显示的文本" src="${ctx}/images/ctrl/button/save_button.png"/&gt;
&lt;/k:button&gt;
&lt;k:button styleId="deleteBtn" styleClass="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" text="<%=CommonMessageDomain.BUTTON_DELETE%>"&gt;
	&lt;img alt="连接不到图片是显示的文本" src="${ctx}/images/ctrl/button/delete_button.png"&gt;
&lt;/k:button&gt;
					</pre>
				</div>
				<div>
					<k:button styleId="searchBtn" styleClass="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" text="<%=CommonMessageDomain.BUTTON_SEARCH%>">
						<img alt="连接不到图片是显示的文本" src="${ctx}/images/ctrl/button/search_button.png">
					</k:button>
					<k:button styleId="resetBtn" styleClass="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" text="<%=CommonMessageDomain.BUTTON_RESET%>">
						<img alt="连接不到图片是显示的文本" src="${ctx}/images/ctrl/button/refresh_button.png">
					</k:button>
					<k:button styleId="newBtn" styleClass="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" text="<%=CommonMessageDomain.BUTTON_NEW%>">
						<img alt="连接不到图片是显示的文本" src="${ctx}/images/ctrl/button/new_button.png">
					</k:button>
					<k:button styleId="saveBtn" styleClass="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" text="<%=CommonMessageDomain.BUTTON_SAVE%>">
						<img alt="连接不到图片是显示的文本" src="${ctx}/images/ctrl/button/save_button.png">
					</k:button>
					<k:button styleId="deleteBtn" styleClass="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" text="<%=CommonMessageDomain.BUTTON_DELETE%>">
						<img alt="连接不到图片是显示的文本" src="${ctx}/images/ctrl/button/delete_button.png">
					</k:button>
				</div>
				<br />

			</div>
		</div>
	</form>
</body>
</html>